<template>
  <div class="footerBox">
    <div class="footer_top">
      <div class="backinner">
        <div class="openingtime">
          <div class="top">
            <img src="../../assets/image/图层 605.png" alt="" />
            开馆时间
          </div>
          <p>
            闭馆日每周一·如周一为公休日，闭馆日改为第二天到平日（周二～周五）
          </p>
        </div>
        <div class="visittime">
          <div class="top">
            <img src="../../assets/image/图层 605.png" alt="" />
            参观时间安排
          </div>
          <p>
            周二～ 周六 09:00-17:00 周日·公休日 09:00-17:00 ·
            入馆时间截止到闭馆30分钟前
          </p>
        </div>
        <div class="contactinformation">
          <div class="top">
            <img src="../../assets/image/图层 605.png" alt="" />
            联系方式
          </div>
          <p>总服务台电话：010-28123341 E-mail:bjsywhg@163.com</p>
        </div>
        <div class="activity">
          <div class="top">
            <img src="../../assets/image/图层 605.png" alt="" />
            活动公告
          </div>
          <p>文化馆于2021年3月3日正式开馆欢迎前来参观学习，文化交流</p>
        </div>
      </div>
   
  </div>
  </div>
</template>
<script>
export default {
  name: "footerBox",
};
</script>
<style lang="less" scoped>
.footerBox {
  width: 100%;
  height: 632px;
  bottom: 0;
  .footer_top {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 75.63%;
    .backinner {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
      width: 72.9%;
      height: 294px;
      background-image: url("../../assets/image/图层 623.png");
      background-size: 100% 100%;
      .openingtime {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 24%;
        height: 174px;
        border-right: 1px solid white;
        .top {
          color: white;
        }
        p {
          width: 65.78%;
          color: white;
        }
      }
      .visittime {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 24%;
        height: 174px;
        border-right: 1px solid white;
        .top {
          color: white;
        }
        p {
          width: 65.78%;
          color: white;
        }
      }
      .contactinformation {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 24%;
        height: 174px;
        border-right: 1px solid white;
        .top {
          color: white;
        }
        p {
          width: 65.78%;
          color: white;
        }
      }
      .activity {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 24%;
        height: 174px;
        .top {
          color: white;
        }
        p {
          width: 65.78%;
          color: white;
        }
      }
    }
    
  }
  .footer_bot {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 153px;
    background-color: #f28623;
    img {
      height: 56px;
      width: 12.39%;
    }
    .right {
      width: 60%;
      height: 60%;
      display: flex;
      flex-direction:column;
      p {
		line-height: 30px;
        text-align: center;
        width: 53%;
        height: 30px;
		color: white;
      }
    }
  }
}
</style>